/*公共样式 flex布局*/
.flex-box{
    display: -webkit-flex; /* Safari */
    display: flex !important
}
.flex-pl{justify-content:flex-start;} /*水平左对齐*/
.flex-pc{justify-content:center;} /*水平居中*/
.flex-pe{justify-content:flex-end;} /*水平右对齐*/
.flex-pj{justify-content:space-between;} /*水平两端对齐*/
.flex-pa{justify-content:space-around;} /*水平两端留白对齐*/
.flex-pr{flex-direction:row-reverse;} /*水平方向起点右端*/
.flex-at{flex-direction:column;} /*将主轴设置为垂直方向*/
.flex-ar{flex-direction:column-reverse;} /*垂直方向起点下沿*/
.flex-ac{align-items:center;} /*垂直居中*/
.flex-ae{align-items:flex-end;} /*垂直下对齐*/
.flex-aj{align-content:space-between} /*垂直上下对齐*/
.flex-wp{flex-wrap: wrap;} /*换行*/
.flex-hide{display: none !important;}
.flex-ver{box-orient:vertical;}
.flex-f1{flex-grow:1;} /*放大比例*/
.flex-f2{flex-grow:2;}
.flex-f3{flex-grow:3;}
.flex-f4{flex-grow:4;}
.flex-f5{flex-grow:5;}

.flex-bap{
    display: -webkit-flex; /* Safari */
    display: flex !important;
    align-items:center;
    justify-content:center;
}


/*公共样式 百分比宽高*/
.wd-fh{width:100%;}
.he-fv{height:100%;}
.wd-50{width:49.5%;}
.wd-45{width:45%;}
.wd-33{width:33.3%;}
.wd-25{width:25%;}

/*公共样式 padding/margin*/
.padd-05{padding:.5rem}
.padd-075{padding:.75rem}
.padd-1{padding:1rem}
.pad-t-5{padding-top:.5rem}
.marg-03{margin:.375rem}
.marg-05{margin:.5rem}
.marg-1{margin:1rem}
.mar-b-25{margin-bottom:.25rem}
.mar-t-25{margin-top:.25rem}
.mar-t-5{margin-top:.5rem}
.mar-r-5{margin-right:.5rem}
.mar-t-1{margin-top:1rem}
.mar-t-2{margin-top:2rem}
.mar-t-3{margin-top:3rem}

/*公共样式 text样式*/
.no-wrap{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.tx-c{text-align: center}
.tx-r{text-align: right}
.tx-b{font-weight: bold}

.tx-s-10{font-size: .625rem}
.tx-s-11{font-size: .6875rem}
.tx-s-12{font-size: .75rem}
.tx-s-14{font-size: .875rem}
.tx-s-16{font-size: 1rem}
.tx-s-18{font-size: 1.125rem}
.tx-s-20{font-size: 1.25rem}
.tx-s-22{font-size: 1.375rem}
.tx-c-wh{color: white}
.tx-c-bl{color: black}
.tx-c-222{color: #222}
.tx-c-666{color: #666}
.tx-c-r{color: #d41911}
.tx-c-g{color: #26b505}
.tx-c-o{color: #ff661b}
.tx-c-b{color: #2e9df9}

.input-ol-n{
    outline : none;
    background-color : white !important
}

/*公共样式 背景颜色、边框*/ 
.bor-b-g{border-bottom: 1px solid #f0eff5}
.bor-l-g{border-left : 1px solid #f0eff5}
.bor-r-g{border-right : 1px solid #f0eff5}
.bg-c-wh{background-color : white}
.bg-c-g{background-color : #f0eff5}
.bg-c-o{background-color : #ffdabe}
.bg-c-lr{background-color : #F6DCDB} 

/*公共样式 全屏浮动/header*/
.fullScreen{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99; 
} 

/*公共样式 图标样式*/
.iconSize-075{
    width: .75rem; 
    height: .75rem; 
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.iconSize-1{
    width: 1rem; 
    height: 1rem; 
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.iconSize-125{
    width: 1.25rem; 
    height: 1.25rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.iconSize-2{
    width: 2.625rem; 
    height: 2.625rem; 
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.iconSize-4{
    width: 4rem; 
    height: 4rem; 
    margin: 0 auto;
    border-radius: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

/*公共样式 登录/注册图标*/
.icon_yh{background-image: url('../image/yhzx_yh.png')}
.icon_mm{background-image: url('../image/yhzx_mm.png')}
.icon_sj{background-image: url('../image/yhzx_sj.png')}
.icon_qq{background-image: url('../image/yhzx_qqzh.png')}
.icon_name{background-image: url('../image/yhzx_yzsf.png')}
.icon_delet{background-image: url('../image/gezx_delet.png')}
.icon_nojzmm{background-image: url('../image/yhzx_nojzmm.png')}
.icon_jzmm{background-image: url('../image/yhzx_jzmm.png')}

.borr{ border: 1px solid red;}
.borb{ border: 1px solid black;}